<template>
	<view>
		<view class="top"></view>

		<uni-card class="content">
			<view class="info">
				<view class="title">标题：</view>
				<view class="info_context">{{activityDetail.title}}</view>
			</view>
			<view class="info">
				<view class="title">发布商户：</view>
				<view class="info_context">{{activityDetail.cheShop.shopName}}</view>
			</view>
			<view class="info">
				<view class="title">发布时间：</view>
				<view class="info_context">{{activityDetail.createTime}}</view>
			</view>
			<view class="info">
				<view class="title">审核状态：</view>
				<view class="info_context">
					{{activityDetail.type == 0 ? '未审核' : activityDetail.type == 1 ? '已审核' : '已拒绝'}}
				</view>
			</view>
			<view class="info">
				<view class="title">审核说明：</view>
				<view class="info_context">暂无</view>
			</view>
		</uni-card>

		<uni-card class="content">
			<view class="info2">
				<view style="width: 400rpx; font-size: 28rpx;font-weight: 600;">发布内容：</view>
				<view class="info_context">{{activityDetail.content}}</view>
			</view>
			<view class="info_img">
				<view style="width: 140rpx;font-size: 28rpx;font-weight: 600;">图片：</view>
				<view class="info_context">
					<image src="/static/OIP-C.jpg" style="width: 320rpx;height: 210rpx; "></image>
				</view>
			</view>
		</uni-card>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				activityDetail: {},
				id: ''
			}
		},
		onLoad(options) {
			let that = this
			that.id = options.id
			console.log(options)
			this.$http({
				url: '/api/activity/activity/' + that.id,
				method: 'GET',
				success(res) {
					that.activityDetail = res.data.data
					console.log(that.activityDetail)
				}
			})
		},
		methods: {

		}
	}
</script>

<style>
	.top {
		padding-right: 20rpx;
		padding-left: 20rpx;
		height: 330rpx;
		background-color: #2f81fa;
		padding-top: 60rpx;
	}

	.content {
		width: 86%;
		border-radius: 5%;
		position: relative;
		top: -370rpx;
	}

	.title {
		font-size: 28rpx;
		font-weight: 600;
		width: 160rpx;
		text-align: left;
	}

	.info {
		margin: 33rpx 0rpx;
		color: black;
		display: flex;


		.info_context {
			font-size: 28rpx;
			font-weight: 200;
		}
	}

	.info_img {
		margin: 50rpx 0rpx;

		color: black;
		display: flex;

		.title {
			font-size: 30rpx;
			width: 140rpx;
			text-align: left;
		}

		.info_context {
			font-size: 28rpx;
			font-weight: 200;
		}
	}

	.info2 {
		margin: 28rpx 0rpx;

		color: black;
		display: flex;

		.title {
			font-size: 28rpx;
			width: 400rpx;
			text-align: left;
		}

		.info_context {

			font-size: 28rpx;
			font-weight: 200;
		}
	}
</style>